 import styled from 'styled-components'
 import { thomeColor } from 'assets/color'

 export const MonandBabyStyle = styled.div`
        width:100%;
        background: #fff;

 `

 export const MonBabyTitleStyle = styled.h3`
       text-align: center;
       font-weight: 400;
       height:.4rem;
       display:flex;
       justify-content:center;
       align-items:center;
       font-size:.14rem
       span{
              margin-left: .1rem
       }
       i{
              color:${thomeColor}
              font-size:.16rem
       }
 `

 export const MonBabyUlStyle = styled.ul`
       width:100%;
 `
 export const MonBabyLiStyle = styled.li`
       height:2.5rem;
       a{
              display:block;
              height:100%;
       }
 
 `
 export const MonBabyImgStyle = styled.div`
       height:1.84rem;
       img{
              width:100%;
              height:100%;
       }
 
 `
 export const MonBabyLeftStyle = styled.div`
       padding:.15rem;
       float:left;
       h1{
              color: #333;
              font-size: .14rem;
             
              margin-bottom:.05rem;
       }
       .time{
              color:#999;
              font-size:.12rem;
              height:.12rem;
              line-height:.12rem;
       }
 
 `
 export const MonBabyRightStyle = styled.div`

       float:right;
       width:.72rem;
       height:.37rem;
       padding: .08rem .15rem 0 0;
       img{
              width:100%;
              height:100%;
       }

 
 `
